.section-strategy {
    user-select: none;
    background: url("./_imgs/strategy_bg.jpg") center / cover;

    .inner {
        padding-top: px2rem($header-height);
    }

    .swiper-pagination {
        display: flex;
        justify-content: center;
        top: px2rem(50px);
        bottom: auto;
    }

    .swiper-pagination-bullet {
        flex: 0 0 px2rem(180px);
        height: px2rem(40px);
        font: {
            size: px2em(20px);
            weight: bold;
        }
        color: #dee6fa;
        line-height: px2rem(40px);
        text-align: center;
        background: transparent;
        border: 1px solid rgba($color: #fff, $alpha: 0.5);
        border-radius: 0;
        opacity: 1;

        &:not(:first-child) {
            margin-left: px2rem(2px);
        }
    }

    .swiper-pagination-bullet-active {
        background: #fff;
        color: #282c48;
    }

    .details {
        margin: 0 auto;
        width: px2rem(1200px);
        height: px2rem(800px);
        padding-top: px2rem(168px);

        .swiper-slide {
            // flex: 0 0 373px;
            padding: px2rem(0 30px);
            color: rgba($color: #fff, $alpha: 0.4);

            img {
                display: block;
                margin: auto;
                width: px2rem(1050px);
                // height: px2rem(553px);
            }
        }
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: px2rem(60px);
        height: px2rem(60px);
        background: url("./_imgs/strategy-left.png") center / 100% no-repeat;
    }

    .swiper-button-next {
        background-image: url("./_imgs/strategy-right.png");
    }
}
